<template>
    <div class="app-container">
        <el-table
            :data="tableData"
        >
            <el-table-column
                prop="date"
                label="日期"
                width="150">
            </el-table-column>
            <el-table-column label="配送信息">
                <el-table-column
                    prop="name"
                    label="姓名"
                    width="120">
                </el-table-column>
                <el-table-column label="地址">
                    <el-table-column
                        prop="province"
                        label="省份"
                        width="120">
                    </el-table-column>
                    <el-table-column
                        prop="city"
                        label="市区"
                        width="120">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="地址"
                        width="300">
                    </el-table-column>
                    <el-table-column
                        prop="zip"
                        label="邮编"
                        width="120">
                    </el-table-column>
                </el-table-column>
            </el-table-column>
        </el-table>

        <el-table
            :data="tableData"
            height="250"
            border
        >
            <el-table-column
                prop="date"
                label="日期"
                width="180">
            </el-table-column>
            <el-table-column
                prop="name"
                label="姓名"
                width="180">
            </el-table-column>
            <el-table-column
                prop="address"
                label="地址">
            </el-table-column>
        </el-table>


    </div>
</template>

<script>
import {ipcRenderer} from "electron";

export default {
    data: () => {
        return {
            tableData: [{
                date: '2016-05-03',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }, {
                date: '2016-05-02',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }, {
                date: '2016-05-04',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }, {
                date: '2016-05-01',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }, {
                date: '2016-05-08',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }, {
                date: '2016-05-06',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }, {
                date: '2016-05-07',
                name: '王小虎',
                province: '上海',
                city: '普陀区',
                address: '上海市普陀区金沙江路 1518 弄',
                zip: 200333
            }]
        }
    },

    components: {},

    mounted() {
    },

    methods: {},
    created() {
        ipcRenderer.on('awaken', (event, params) => {
            console.log('awakenArgv', params)
        })
    }
}

</script>
<style scoped>
.app-container ::-webkit-scrollbar {
    display: block !important;
    background-color: #fff;
    width: 10px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(70, 57, 57, 0.3);
    background-color: rgba(0, 0, 0, .1)
}
</style>
